<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Movie App</title>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js" defer></script>
  </head>
  <body>
    <div class="top">
      <input type="text" placeholder="Search" />
    </div>
    <div class="container">
      <div class="item">
        <div class="cover">
          <img src="cover.jpg" />
        </div>
        <div class="title">
          <span class="name">Inside Out 2</span>
          <span class="grade">7.7</span>
        </div>
        <div class="overview">
          <h1>Overview</h1>
          <p>
            Teenager Riley's mind headquarters is undergoing a sudden demolition
            to make room for something entirely unexpected: new Emotions! Joy,
            Sadness, Anger, Fear and Disgust, who’ve long been running a
            successful operation by all accounts, aren’t sure how to feel when
            Anxiety shows up. And it looks like she’s not alone.
          </p>
        </div>
      </div>
      <div class="item">
        <div class="cover">
          <img src="cover.jpg" />
        </div>
        <div class="title">
          <span class="name">Inside Out 2</span>
          <span class="grade">7.7</span>
        </div>
        <div class="overview">
          <h1>Overview</h1>
          <p>
            Teenager Riley's mind headquarters is undergoing a sudden demolition
            to make room for something entirely unexpected: new Emotions! Joy,
            Sadness, Anger, Fear and Disgust, who’ve long been running a
            successful operation by all accounts, aren’t sure how to feel when
            Anxiety shows up. And it looks like she’s not alone.
          </p>
        </div>
      </div>
      <div class="item">
        <div class="cover">
          <img src="cover.jpg" />
        </div>
        <div class="title">
          <span class="name">Inside Out 2</span>
          <span class="grade">7.7</span>
        </div>
        <div class="overview">
          <h1>Overview</h1>
          <p>
            Teenager Riley's mind headquarters is undergoing a sudden demolition
            to make room for something entirely unexpected: new Emotions! Joy,
            Sadness, Anger, Fear and Disgust, who’ve long been running a
            successful operation by all accounts, aren’t sure how to feel when
            Anxiety shows up. And it looks like she’s not alone.
          </p>
        </div>
      </div>
      <div class="item">
        <div class="cover">
          <img src="cover.jpg" />
        </div>
        <div class="title">
          <span class="name">Inside Out 2</span>
          <span class="grade">7.7</span>
        </div>
        <div class="overview">
          <h1>Overview</h1>
          <p>
            Teenager Riley's mind headquarters is undergoing a sudden demolition
            to make room for something entirely unexpected: new Emotions! Joy,
            Sadness, Anger, Fear and Disgust, who’ve long been running a
            successful operation by all accounts, aren’t sure how to feel when
            Anxiety shows up. And it looks like she’s not alone.
          </p>
        </div>
      </div>
      <div class="item">
        <div class="cover">
          <img src="cover.jpg" />
        </div>
        <div class="title">
          <span class="name">Inside Out 2</span>
          <span class="grade">7.7</span>
        </div>
        <div class="overview">
          <h1>Overview</h1>
          <p>
            Teenager Riley's mind headquarters is undergoing a sudden demolition
            to make room for something entirely unexpected: new Emotions! Joy,
            Sadness, Anger, Fear and Disgust, who’ve long been running a
            successful operation by all accounts, aren’t sure how to feel when
            Anxiety shows up. And it looks like she’s not alone.
          </p>
        </div>
      </div>
      <div class="item">
        <div class="cover">
          <img src="cover.jpg" />
        </div>
        <div class="title">
          <span class="name">Inside Out 2</span>
          <span class="grade">7.7</span>
        </div>
        <div class="overview">
          <h1>Overview</h1>
          <p>
            Teenager Riley's mind headquarters is undergoing a sudden demolition
            to make room for something entirely unexpected: new Emotions! Joy,
            Sadness, Anger, Fear and Disgust, who’ve long been running a
            successful operation by all accounts, aren’t sure how to feel when
            Anxiety shows up. And it looks like she’s not alone.
          </p>
        </div>
      </div>
      <div class="item">
        <div class="cover">
          <img src="cover.jpg" />
        </div>
        <div class="title">
          <span class="name">Inside Out 2</span>
          <span class="grade">7.7</span>
        </div>
        <div class="overview">
          <h1>Overview</h1>
          <p>
            Teenager Riley's mind headquarters is undergoing a sudden demolition
            to make room for something entirely unexpected: new Emotions! Joy,
            Sadness, Anger, Fear and Disgust, who’ve long been running a
            successful operation by all accounts, aren’t sure how to feel when
            Anxiety shows up. And it looks like she’s not alone.
          </p>
        </div>
      </div>
      <div class="item">
        <div class="cover">
          <img src="cover.jpg" />
        </div>
        <div class="title">
          <span class="name">Inside Out 2</span>
          <span class="grade">7.7</span>
        </div>
        <div class="overview">
          <h1>Overview</h1>
          <p>
            Teenager Riley's mind headquarters is undergoing a sudden demolition
            to make room for something entirely unexpected: new Emotions! Joy,
            Sadness, Anger, Fear and Disgust, who’ve long been running a
            successful operation by all accounts, aren’t sure how to feel when
            Anxiety shows up. And it looks like she’s not alone.
          </p>
        </div>
      </div>
      <div class="item">
        <div class="cover">
          <img src="cover.jpg" />
        </div>
        <div class="title">
          <span class="name">Inside Out 2</span>
          <span class="grade">7.7</span>
        </div>
        <div class="overview">
          <h1>Overview</h1>
          <p>
            Teenager Riley's mind headquarters is undergoing a sudden demolition
            to make room for something entirely unexpected: new Emotions! Joy,
            Sadness, Anger, Fear and Disgust, who’ve long been running a
            successful operation by all accounts, aren’t sure how to feel when
            Anxiety shows up. And it looks like she’s not alone.
          </p>
        </div>
      </div>
    </div>
  </body>
</html>
